<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
<!-- 最新编译的 JavaScript -->
<script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
<link rel="stylesheet" href="css/kf.css">
</head>
<body>
      <!-- 林梦雅20软单20200508110 -->
    <div class="part1"><!-- 首页头部 -->
        <nav class="navbar navbar-expand-sm part1-tt">
            <div class="container-fluid">
              <a class="navbar-brand" href="ypjdsy.html"><img src="img/log.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="ypjdsy.html" >首页</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="kf.html" >客房</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="yytime.html" >营运时间</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="cyjjn.html" style="font-weight: bolder;color: #266258;">餐宴及佳酿</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="jcss.html">精彩盛事</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="shopty.html">购物体验</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="rhjx.html">荣获奖项</a>
                  </li>

                  <li class="nav-item">
                    <a class="nav-link" href="chatus.html">联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        
        
    </div>
    <div class="part2-3">
        <div class="sidebar">
            <ul>
              <br>
                <li><a href="#" style="font-size: larger;font-weight: bolder;">中式美馔</a></li>
                <li><a href="#">金殿堂贵宾厅</a></li>
                <li><a href="#">金殿堂</a></li>
                <li><a href="#">食八方旗下北厨</a></li>
                <li><a href="#">食八方旗下南苑</a></li>
                <br><br>
                <li><a href="#" style="font-size: larger;font-weight: bolder;">环球美食</a></li>
                <li><a href="#">宝雅座</a></li>
                <li><a href="#">甜点</a></li>
                <li><a href="#">盛事</a></li>
                <li><a href="#">盛事.寿志团</a></li>
                
            </ul>
        </div>
          
        <div class="content">
          <!-- 内容区域 -->
          <p class="part3-tt" style="color: #266258e0;">中式美馔</p>
          <div class="part2-3tt">
            <div class="image-container">
              <img src="img/canyin/1.jpg" alt="">
              <p class="image-caption">金殿堂贵宾厅</p>
            </div>
            <div class="image-container">
              <img src="img/canyin/2.jpg" alt="">
              <p class="image-caption">金殿堂</p>
            </div>
            <div class="image-container">
              <img src="img/canyin/3.jpg" alt="">
              <p class="image-caption">食八方旗下北厨</p>
            </div>
            <div class="image-container">
              <img src="img/canyin/4.jpg" alt="">
              <p class="image-caption">食八方旗下南苑</p>
            </div>
          </div>
          <br><br>
          <p class="part3-tt" style="color: #266258e0;">环球美食</p>
            <div class="part2-3tt">
              <div class="image-container">
                <img src="img/canyin/5.jpg" alt="">
                <p class="image-caption">宝雅座</p>
              </div>
              <div class="image-container">
                <img src="img/canyin/6.jpg" alt="">
                <p class="image-caption">甜点</p>
              </div>
              <div class="image-container">
                <img src="img/canyin/7.jpg" alt="">
                <p class="image-caption">盛事</p>
              </div>
              <div class="image-container">
                <img src="img/canyin/8.jpg" alt="">
                <p class="image-caption">盛事.寿志团</p>
              </div>
            </div>

                
        </div>
    </div>

    <div class="part4z"><!-- 最后商标 -->
        <div class="part4z-tt">
            <img src="img/2log.png" alt="" style="width: 200px;">
            <p>优品致力成为全球最创新的综合度假酒店</p>
            
        </div>
    </div>
</body>
</html>